<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
    <title>秒速侠</title>
    <meta name="description" content="秒速侠">
    <link href="../css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
    <link href="../css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="../favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <script src="angular.min.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script>
        if(window.top!==window.self){window.top.location=window.location};
        var app = angular.module('app',[]);
        app.controller('appcontroller',function($scope,$http){
            $scope.moblie={"phone":"","code":""};
            $scope.num={};
            //认证运营商
            $scope.login = function(){

                $http({
                    method: 'POST',
                    data: { },
                    url: 'http://localhost:8082/certificate/identity/operator?phone='+$scope.moblie.phone+"&code="+$scope.moblie.code,
                    headers: {//这里设置
                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
                        'Accept':'*/*',
                        "tou":localStorage.getItem("token")
                    }
                }).success(function(res) {
                    console.log(res);
                    alert(res.msg);
                        if("20000"==res.code){
                            window.location.href="anth_page.html";
                        }
                }).error(function(d) {
                    console.log(d);
                    alert(d.msg);
                });
            }
            //获取验证码
            $scope.getNumber = function(){
                $http({
                    method: 'POST',
                    data: {},
                    url: 'http://localhost:8082/certificate/identity/operator/sms?phone='+$scope.moblie.phone,
                    headers: {//这里设置
                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
                        'Accept':'*/*',
                        "tou":localStorage.getItem("token")
                    }
                }).success(function(res) {
                    console.log(res);
                    $scope.num= JSON.parse(res.data);
                    var  mess = confirm("验证码为"+$scope.num.data+"是否要复制验证码?");
                    if (mess){
                        $scope.moblie.code=$scope.num.data;
                    }
                }).error(function(d) {
                    console.log(d);
                    alert(d.msg);
                });
            }


        })
    </script>
</head>

<body class="signin"   ng-app="app" ng-controller="appcontroller">

    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1><img alt="[ 若依 ]" src="../ruoyi.png" th:src="@{/ruoyi.png}"></h1>
                    </div>
                    <div class="m-b"></div>
                    <h4> <strong>秒速侠</strong></h4>
                   
                   
                </div>
            </div>
            <div class="col-sm-5">
                <form>
                    <h4 class="no-margins">运营商认证：</h4>
                    <input type="text"     name="username" class="form-control uname"    placeholder="手机号" ng-model="moblie.phone"   />
                    <div class="row m-t" >
                        <div class="col-xs-6">
                            <input type="text" name="validateCode" class="form-control code" placeholder="验证码" ng-model="moblie.code" maxlength="6" autocomplete="off">
                        </div>
                        <div class="col-xs-6">
                            <a href="javascript:void(0);" title="发送验证码" ng-click="getNumber()">发送验证码</a>
                        </div>
                    </div>
                    <div>

                    </div>

                    <button class="btn btn-success btn-block" ng-click="login()">认证</button>
                </form>
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
               
            </div>
        </div>
    </div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>
<script src="../ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</body>
</html>
